@CL_White: #fff;
@CL_Theme: #16A085;
@CL_Theme_Text: @CL_Theme + #aaa;
@CL_Theme_Text_Hover: #cfefef;
@CL_Theme_Text_Input: @CL_Theme;
@CL_Theme_Text_Holder: @CL_Theme_Text_Input + #333;
@SZ_Border: 2px;

*{
  margin: 0;
  padding: 0;
}

body{
  background-color: @CL_Theme + #ccc;
  font-family: '微软雅黑', Verdana, sans-serif, '宋体';
  min-width: 720px;
}

ul{
  list-style: none;
  padding: 0;
}

input, textarea, button, select{
  outline: none;
  padding-left: 6px;
  box-sizing: border-box;
}

input, textarea, select{
  color: @CL_Theme_Text_Input;
  &::-webkit-input-placeholder {  color: @CL_Theme_Text_Holder;}
  &:-moz-placeholder { color: @CL_Theme_Text_Holder; }
}


.circle{
  border-radius: 50%;
}

.white-border{
  border: @SZ_Border solid @CL_White;
}

*[data-type='tag']{
  cursor: pointer;
  margin: 0;
}

.TAG{
  color: @CL_White - #222;
  background-color: @CL_Theme - #111;
  margin: 0 2px;
  padding: 0 2px;
  border-radius: 8px;
}

.close{
  position: absolute;
  top: 0;
  right: 7px;
  color: #bcb;
  cursor: pointer;
}